T
Что делать, когда идеи заканчиваются
5 упражнений, которые помогут взглянуть на задачу по-новому
Может казаться, что способность выходить за рамки брифа, чтобы создавать яркое и новое — редкий дар. Эксперты Школы дизайна Центрального университета и сооснователи студии holystick.design Мила Силенина и Яна Эткина уверены, что креативность — это не врожденное качество, а навык, который можно и нужно развивать.
Выбрали упражнения, которые помогут по-новому взглянуть на любую задачу и найти неожиданные решения там, где их не видят другие.
РЕКЛАМА • АНО ВО «ЦЕНТРАЛЬНЫЙ УНИВЕРСИТЕТ»
<![CDATA[<style>
*
{outline:none!important;-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; -webkit-tap-highlight-color: transparent;
outline: none;
-ms-touch-action: manipulation;
touch-action: manipulation;}
*, *:focus
{outline:none!important;-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
-ms-touch-action: manipulation;
touch-action: manipulation;}
[name*="_submres"],
[name*="_var_"],
[name*="_showresult"],
[name*="_repeat"],
[name*="_social_"],
[name*="_icn_point_"],
[name*="_backbtn"],
[name*="_makeb"],
[name*="start_btn"]
{cursor:pointer!important;}
#article
{
height:1000px;
transition:height 0.3s;
padding-bottom: 0px;
}
</style>
<script>
$(document).ready(function () {
const ITEMS_COUNT = 5;
const ANIMATION_DURATION = 300;
const $root = $('#article .body');
let isTransitioning = false;
let currentItemId = null;
let lastShownItemId = null;
let randomQueue = [];
$root
.find('[name*="preload_img"], [name*="preload_numb_"]')
.attr('class', 'object')
.fadeIn(0)
.fadeOut(0);
function smoothShow($element, duration = ANIMATION_DURATION) {
return $element
.stop(true, true)
.hide()
.css('opacity', 0)
.fadeTo(duration, 1)
.promise();
}
function smoothHide($element, duration = ANIMATION_DURATION) {
const deferred = $.Deferred();
$element
.stop(true, true)
.fadeTo(duration, 0, function () {
$element
.hide()
.css('opacity', 1);
deferred.resolve();
});
return deferred.promise();
}
function saveOriginalPosition($element) {
const originalTop = parseInt($element.css('top'), 10) || 0;
const originalLeft = parseInt($element.css('left'), 10) || 0;
if (typeof $element.data('original-top') === 'undefined') {
$element.data('original-top', originalTop);
}
if (typeof $element.data('original-left') === 'undefined') {
$element.data('original-left', originalLeft);
}
}
function shuffleArray(array) {
const result = array.slice();
for (let i = result.length - 1; i > 0; i--) {
const randomIndex = Math.floor(
Math.random() * (i + 1)
);
const temporaryValue = result[i];
result[i] = result[randomIndex];
result[randomIndex] = temporaryValue;
}
return result;
}
function createRandomQueue() {
const itemIds = [];
for (let i = 1; i <= ITEMS_COUNT; i++) {
itemIds.push(i);
}
randomQueue = shuffleArray(itemIds);
if (
lastShownItemId !== null &&
randomQueue.length > 1 &&
randomQueue[0] === lastShownItemId
) {
const swapIndex = randomQueue.findIndex(function (itemId) {
return itemId !== lastShownItemId;
});
if (swapIndex !== -1) {
const temporaryValue = randomQueue[0];
randomQueue[0] = randomQueue[swapIndex];
randomQueue[swapIndex] = temporaryValue;
}
}
}
function getNextRandomItemId() {
if (!randomQueue.length) {
createRandomQueue();
}
return randomQueue.shift();
}
function getItemElements(itemId) {
return $root.find(
`.object[name^="item_${itemId}"]`
);
}
function getStartElements() {
return $root.find(
'.object[name="start_btn"], ' +
'.object[name^="preload_"]'
);
}
function showItem(itemId) {
currentItemId = itemId;
lastShownItemId = itemId;
const $currentTopLine = $root.find(
`.object[name="topline_${itemId}"]`
);
const currentTopLineValue =
parseInt($currentTopLine.css('top'), 10) || 0;
const $elements = getItemElements(itemId);
const animations = [];
$elements.each(function () {
const $element = $(this);
console.log($element);
saveOriginalPosition($element);
const originalTop =
$element.data('original-top');
const newTopValue =
originalTop - currentTopLineValue + 60;
$element
.css('top', newTopValue + 'px')
.addClass('shown');
animations.push(
smoothShow($element)
);
});
return $.when(
$.when.apply($, animations)
).done(function () {
$(window).trigger('scroll');
$(window).trigger('resize');
});
}
function hideCurrentItem() {
if (currentItemId === null) {
return $.Deferred()
.resolve()
.promise();
}
const itemId = currentItemId;
const $elements = getItemElements(itemId);
const animations = [];
$elements.each(function () {
const $element = $(this);
const originalTop =
$element.data('original-top');
const originalLeft =
$element.data('original-left');
const animation = smoothHide($element)
.then(function () {
$element.removeClass('shown');
if (
typeof originalTop !== 'undefined'
) {
$element.css(
'top',
originalTop + 'px'
);
}
if (
typeof originalLeft !== 'undefined'
) {
$element.css(
'left',
originalLeft + 'px'
);
}
});
animations.push(animation);
});
return $.when.apply($, animations);
}
function hideStartBlock() {
const $elements = getStartElements();
const animations = [];
$elements.each(function () {
animations.push(
smoothHide($(this))
);
});
return $.when.apply($, animations);
}
function showStartBlock() {
const $elements = getStartElements();
const animations = [];
$elements.each(function () {
animations.push(
smoothShow($(this))
);
});
return $.when.apply($, animations)
.done(function () {
$(window).trigger('scroll');
$(window).trigger('resize');
});
}
$root
.find('[name="start_btn"]')
.on('click', function () {
if (isTransitioning) {
return;
}
isTransitioning = true;
const nextItemId =
getNextRandomItemId();
hideStartBlock()
.done(function () {
showItem(nextItemId)
.done(function () {
isTransitioning = false;
});
});
});
$root
.find('[name^="item_"][name$="_next"]')
.on('click', function () {
if (isTransitioning) {
return;
}
isTransitioning = true;
const nextItemId =
getNextRandomItemId();
hideCurrentItem()
.done(function () {
showItem(nextItemId)
.done(function () {
isTransitioning = false;
});
});
});
$root
.find('[name^="item_"][name$="_reload"]')
.on('click', function () {
if (isTransitioning) {
return;
}
isTransitioning = true;
$.when(
hideCurrentItem(),
).done(function () {
currentItemId = null;
showStartBlock()
.done(function () {
isTransitioning = false;
});
});
});
});
</script>
]]> Сформулируйте креативную задачу. Поставьте таймер на двадцать минут. Постарайтесь убрать все отвлекающие факторы. Ваша цель — придумать двадцать решений: не обязательно удачных, а вообще любых. Странных, банальных, нелепых.
Это упражнение помогает развивать гибкость мышления и отключать внутреннего критика. На 7–8-м пункте мозг начнет сопротивляться. На пятнадцатом, когда откровенно плохие идеи закончатся, у вас не останется выхода, и начнется настоящая работа воображения.
Развивать гибкость мышления научат в Школе дизайна Центрального университета.
Выберите продукт или сервис, который вам действительно интересен. Это может быть интерфейс, с которым вы часто работаете, или приложение, где заказываете еду. Попробуйте понять, что вам в нем нравится, а что вызывает вопросы, пока ждете курьера.
Теперь попробуйте избежать субъективных эмоций и разобраться, как устроен продукт. Например, почему вас цепляют шрифты и как они связаны с иконками. Такой разбор помогает вывести мозг из автоматического режима «нравится — не нравится» и вернуться к задачам со свежим взглядом.
Находить новое в привычном научат в Школе дизайна Центрального университета.
Наблюдательность — один из самых простых и эффективных способов сделать мышление гибче. Попробуйте подмечать странные визуальные события вокруг. Фотографируйте находки для собственной библиотеки случайных наблюдений: странный блик на фасаде, необычное пятно на асфальте, парящий пакет.
Оставайтесь любопытными и внимательными к мелочам. В офлайн-мире они могут подарить чувство нового, странного или даже чудесного. Следующий шаг — попробуйте приручить находку: повторить понравившийся эффект или прием в удобном графическом редакторе или даже в тексте.
Экспериментировать и быть внимательнее к мелочам научат в Школе дизайна Центрального университета.
Возьмите задачу и попробуйте полностью изменить ее логику. Например, вместо вопроса «как сделать удобнее?» задайте себе другой: «как сделать максимально неудобно?». А затем снова переверните решение обратно — именно в этот момент часто приходят неожиданные идеи.
Представьте, что дизайнеру нужно создать плакат с максимально привлекательным сообщением. Один из возможных экспериментов — отказаться от крупного текста и заменить его ребусом.
Находить необычные решения научат в Школе дизайна Центрального университета.
Откройте книгу или журнал на случайной странице. Выберите первое попавшееся слово и попробуйте связать его с задачей — даже если связь кажется нелогичной. Смысл упражнения в том, чтобы заставить мозг прокладывать новые маршруты.
Например, дизайнеру попадается слово «мост». Мост соединяет две точки, мост — это переход из одного состояния в другое. Так можно построить метафору «перехода» — такую композицию, чтобы взгляд «переходил» от одного элемента к другому по четкой траектории.
Мыслить шире брифа научат в Школе дизайна Центрального университета.
